{{ header }}{{ column_left }}

<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <div class="pull-right">
          <button type="submit" form="foc_add2cart_box_form" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
          <a href="" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="{{ button_cancel }}"><i class="fa fa-reply"></i></a></div>
        </div>

        <h1>{{ heading_title }}</h1>

        <ul class="breadcrumb">
          {% for breadcrumb in breadcrumbs %}
          <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
          {% endfor %}
        </ul>
    </div>
  </div>

  <div class="container-fluid">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ heading_title }}</h3>
      </div>
      <div class="panel-body">
        <form id="foc_add2cart_box_form" class="form form-horizontal" action="{{ action }}" method="POST">

          <ul class="nav nav-tabs">
            {% for language in languages %}
            <li {% if language['language_id'] == language_id %}class="active"{% endif %}>
              <a href="#language{{ language['language_id'] }}" data-toggle="tab"><img src="language/{{ language['code'] }}/{{ language['code'] }}.png" title="{{ language['name'] }}" /> {{ language['name'] }}</a>
            </li>
            {% endfor %}
            <li>
              <a href="#tab-info" data-toggle="tab">
                <i class="fa fa-info-circle"></i> {{ labels['foc_add2cart_box_info_tab_name'] }}
              </a>
            </li>
          </ul>

          <div class="tab-content">
            {% for language in languages %}
            <div class="tab-pane {% if language['language_id'] == language_id %}active{% endif %}" id="language{{ language['language_id'] }}">
              <div class="form-group">
                <label class="control-label col-sm-2">{{ labels['foc_add2cart_box_title'] }}</label>
                <div class="col-sm-10">
                  <input name="foc_add2cart_box[{{ language['language_id'] }}][foc_add2cart_box_title]" type="text" class="form-control" value="{{ fa2cb_settings[language['language_id']]['foc_add2cart_box_title'] }}">
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-sm-2">
                  <span data-toggle="tooltip" title="{{ tooltips['foc_add2cart_box_content'] }}">{{ labels['foc_add2cart_box_content'] }}</span></label>
                <div class="col-sm-10">
                  <textarea name="foc_add2cart_box[{{ language['language_id'] }}][foc_add2cart_box_content]" rows="3" class="form-control summernote">{{ fa2cb_settings[language['language_id']]['foc_add2cart_box_content'] }}</textarea>
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-sm-2">{{ labels['foc_add2cart_box_continue_label'] }}</label>
                <div class="col-sm-10">
                  <input name="foc_add2cart_box[{{ language['language_id'] }}][foc_add2cart_box_continue_label]" type="text" class="form-control" value="{{ fa2cb_settings[language['language_id']]['foc_add2cart_box_continue_label'] }}">
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-sm-2">{{ labels['foc_add2cart_box_continue_css_class'] }}</label>
                <div class="col-sm-10">
                  <input name="foc_add2cart_box[{{ language['language_id']}}][foc_add2cart_box_continue_css_class]" type="text" class="form-control" value="{{ fa2cb_settings[language['language_id']]['foc_add2cart_box_continue_css_class'] }}">
                </div>
              </div>

              <div class="form-group">
                <label class="control-label col-sm-2">{{ labels['foc_add2cart_box_autoclose_time'] }}</label>
                <div class="col-sm-10">
                  <input name="foc_add2cart_box[{{ language['language_id'] }}][foc_add2cart_box_autoclose_time]" type="text" class="form-control" value="{{ fa2cb_settings[language['language_id']]['foc_add2cart_box_autoclose_time'] }}">
                </div>
              </div>

              <div class="form-group">
                <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
                <div class="col-sm-10">
                  <select name="foc_add2cart_box[{{ language['language_id'] }}][foc_add2cart_box_status]" id="input-status" class="form-control">
                    {% if fa2cb_settings[language['language_id']]['foc_add2cart_box_status'] %}
                    <option value="1" selected="selected">{{ text_enabled }}</option>
                    <option value="0">{{ text_disabled }}</option>
                    {% else %}
                    <option value="1">{{ text_enabled }}</option>
                    <option value="0" selected="selected">{{ text_disabled }}</option>
                    {% endif %}
                  </select>
                </div>
              </div>
            </div>
            {% endfor %}

            <div id="tab-info" class="tab-pane">
              <h3>{{ labels['foc_add2cart_box_info_tab_title'] }}</h3>
              <hr>
              <div>
                {{ labels['foc_add2cart_box_info_tab_content'] }}
              </div>
            </div>
          </div>

        </form>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" src="view/javascript/summernote/summernote.js"></script>
<link href="view/javascript/summernote/summernote.css" rel="stylesheet" />
<script type="text/javascript" src="view/javascript/summernote/opencart.js"></script>


{{ footer }}